<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>

<div class="navbar ">
	<div class="navbar-inner">
	<img src="<%=request.getContextPath()%>/commonadmin/img/logo.jpg" style="height: 46px"/>
		<div class="navbar-container" style="margin-top: 50px">
			<!-- Navbar Barnd -->
			<div class="navbar-header pull-left">

			</div>
			<!-- /Navbar Barnd -->

			<!-- Sidebar Collapse -->
			<div class="sidebar-collapse" id="sidebar-collapse" style="margin-left: 5%">
				<i class="collapse-icon fa fa-bars"></i>
			</div>
			<!-- /Sidebar Collapse -->
			<!-- Account Area and Settings --->
			<div class="navbar-header pull-right" >
				<div class="navbar-account">
					<ul class="account-area">
						<li>
							<a class="login-area dropdown-toggle" data-toggle="dropdown">
								<div class="avatar" title="View your public profile">
									<img src="<%=request.getContextPath()%>/commonadmin/assets/img/avatars/adam-jansen.jpg">
								</div>
								<section>
									<h2>
										<span class="profile">
											<span>
												<sec:authentication property="principal.username" />
											</span>
										</span>
									</h2>
								</section>
							</a> 
							<!--管理员信息-->
							<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area" style="width:100%;">
								<li class="username">
									<a>
										<sec:authentication property="principal.username" />
									</a>
								</li>
								
								<li class="email">
									<a>
										
									</a>
								</li>
								<!--管理员头像-->
								<li>
									<div class="avatar-area" style="margin-left:-7px;">
										<img src="<%=request.getContextPath()%>/commonadmin/assets/img/avatars/adam-jansen.jpg" class="avatar" style="width:110px;height:100px;">
									</div>
								</li>
								<!--管理员功能区域-->
								<li class="edit"><a
									href="<%=request.getContextPath()%>/admin/adminAppend.htm"
									class="pull-left">添加</a> <a
									href="<%=request.getContextPath()%>/admin/toRevisePassword.htm"
									class="pull-right">设置</a></li>
								<!--颜色选择区域-->
								<li class="theme-area">
									<ul class="colorpicker" id="skin-changer">
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #5DB2FF;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/blue.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #2dc3e8;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/azure.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #03B3B2;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/teal.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #53a93f;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/green.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #FF8F32;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/orange.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #cc324b;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/pink.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #AC193D;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/darkred.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #8C0095;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/purple.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #0072C6;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/darkblue.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #585858;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/gray.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #474544;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/black.min.css"></a>
										</li>
										<li>
											<a class="colorpick-btn" href="#" style="background-color: #001940;" rel="<%=request.getContextPath()%>/commonadmin/assets/css/skins/deepblue.min.css"></a>
										</li>
									</ul>
								</li>
								<!--管理员退出-->
								<li class="dropdown-footer">
									<a href="<%=request.getContextPath()%>/admin/login.htm">
									 	退出
									</a>
								</li>
							</ul> 
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>